<html>
<head>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/login.css">
	<link rel="stylesheet" href="__PUBLIC__/assets/css/style.css">
		<link rel="stylesheet" href="__PUBLIC__/css/slider.css">
	<script src="__PUBLIC__/jquery-2.1.4.js"></script>
	<script type="text/javascript">
	$(function(){ 
		$("#register").click(function(){
			$(".login_info").css("display","none");
			$(".register_info").css("display","block");
		})
	})
	</script>
</head>
<body>
	<div class="bodyall">
		<div class="bodytop">
			<div class="login_main"></div>
				<div class = "login_main_info">
					<div class="login_main_info_left">
							<div class = "logo">
								<img src="__PUBLIC__/img/qu.png">
								<span style="width:15px;heigth:100%;display:inline-block;"></Span>
								<img src="__PUBLIC__/img/lv.png">
								<img src="__PUBLIC__/img/you.png">
							</div>
							<div class = "slogan">趣游 ， 不辜负有你的时光。</div>
						</div>
						<div class="login_main_info_right">
						<!--this is login span start-->
							<div class = "login_info">
									<div class = "login_info_inner">
										<form method="POST" action="{:U('Index/login',array('logintype' => 0 ))}">
											<input id="user_id" name="user_phone" type = "text" style="background-color:#f7f7f7;"></input>
											<input name="password" type = "password" style="background-color:#f7f7f7;"></input>
											<div class = "create_user">
											<div id="register">还没账号?快来注册!</div>
											</div>
											<input id= "login_submit" type = "submit" value="趣游"></input>
											<div class="about_pwd">
												<div class="memory_pwd"></div>
												<div class="forget-pwd">忘记密码</div>
											</div>
										</form>
									</div>
							</div>
						<!--this is login span end-->
						<!--this is register span start-->
							<div class = "register_info">
								<div class = "register_info_inner">
									<form method="POST" action="{:U('Index/register')}">
										<input id="register_id" name="register_id" type = "text"value="请输入注册手机号"></input>
										<input id="register_pwd" name="register_pwd" type = "text"value="请输入注册密码"></input>
										<input id="register_pwd_double"name="register_pwd_double"type = "text"value="请校验密码"></input>
										<div class = "register_checkcode">
											<div class = "register_checkcode_left">
												<input type="text"  name="verify" value="请输入右侧验证码">
											</div>
											<div class = "register_checkcode_right">
											<img src="{:U('Verify/index')}" onclick="this.src=this.src+'?'+Math.random()" /> 
											</div>
										</div>
										<input id= "register_submit" type = "submit" value="提交后等待短信通知"></input>
									</form>
								</div>
							</div>
						<!--this is register span end-->
						</div>
					</div>
				</div>
		</div>
		<div class="bodybot">
			<div class = "bodybot_one">
				<div class="bodybot_left">
					<div class="plan_span">
						<div class="planinfo">
							<div class="planinfo_top">
								<div class="head_pic"><img src="__PUBLIC__/img/test.jpg" style="width:62px;height:62px;"></div>
								<div class="user_nameinfo">占位置的名字</div>
								<div class="plan_route">成都 -> 江苏 -> 北京 -> 西安</div>
							</div>
							<div class="plan_list">
								<ul>
									<li>出发时间2016/1/21</li>
									<li>结束时间2016/1/31</li>
									<li>旅游方式</li>
									<li>限制女性</li>
									<li>限制人数(10)</li>
								</ul>
							</div>
							<div class="planinfo_bom">
								<div class="plantext">这是旅游计划这是旅游计划，用于测试这是旅游计划这是，旅游计划用于测试这是旅游计划这是旅游计划用于测试这！是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这，是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划用于测试这是旅游，计划这是旅游计划用于测试这是旅游计划。这是旅游计划!</div>
								<div class="planpic">
									<div class="planpicinfo">
										<ul>
											<li><img src="__PUBLIC__/img/demo1.jpg" style="width:140px;"></li>
											<li><img src="__PUBLIC__/img/demo2.jpeg" style="width:140px;"></li>
											<li><img src="__PUBLIC__/img/demo3.jpg" style="width:140px;"></li>
											<li><img src="__PUBLIC__/img/demo4.jpeg" style="width:140px;"></li>
											...
										</ul>
									</div>
								</div>
								<div class="plantext_bom">
									<div class="self-list">
										<div class="self-list-forward">转发</div>
										<div class="self-list-forward">收藏</div>
									</div>
									<div class="selftime">2016/1/25 18:08:23</div>
								</div>
							</div>
						</div>
						<div class="planinfo">
							<div class="planinfo_top">
								<div class="head_pic"><img src="__PUBLIC__/img/demo5.jpg" style="width:62px;height:62px;"></div>
								<div class="user_nameinfo">AsFun</div>
								<div class="plan_route">成都 -> 江苏 -> 北京 -> 西安</div>
							</div>
							<div class="plan_list">
								<ul>
									<li>出发时间2016/1/21</li>
									<li>结束时间2016/1/31</li>
									<li>旅游方式</li>
									<li>限制女性</li>
									<li>限制人数(10)</li>
								</ul>
							</div>
							<div class="test"></div>
							<div class="planinfo_bom">
								<div class="plantext">这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划用于测试这是旅游计划这是旅游计划用于测试这是旅游计划这是旅游计划</div>
								<div class="planpic">
									<div class="planpicinfo">
										<ul>
											<li><img src="__PUBLIC__/img/demo5.jpg" style="width:140px;"></li>
											<li><img src="__PUBLIC__/img/demo1.jpg" style="width:140px;"></li>
											<li><img src="__PUBLIC__/img/demo2.jpeg" style="width:140px;"></li>
										</ul>
									</div>
								</div>
								<div class="plantext_bom">
									<div class="self-list">
										<div class="self-list-forward">转发</div>
										<div class="self-list-forward">收藏</div>
									</div>
									<div class="selftime">2016/1/25 18:08:23</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="bodybot_right">
				<div class="top_span">
					<div class = "top_title">旅游达人带你玩转全球<img src="__PUBLIC__/img/iconfont-shuaxin.png"style="width:30px;float:right;margin-top:5px;"/></div>
					<div class = "top_pic">
						<img src="__PUBLIC__/img/toptest1.jpg"/>
						<img src="__PUBLIC__/img/toptest2.png"/>
						<img src="__PUBLIC__/img/toptest4.png"/>
						<img src="__PUBLIC__/img/toptest3.png"/>
					</div>
					<ul>
						<li>
							<div class="abstract">3天玩转普吉岛,转普吉岛,。</div>
							<div class="author">呆呆的旅游家你玩转全</div>
						</li>
						<li>
							<div class="abstract">埃及人文,和我一起探秘古及人文,和我一起探埃及。</div>
							<div class="author">走遍世界</div>
						</li>
						<li>
							<div class="abstract">国庆七天去哪，韩岛还不错韩国济州哦</div>
							<div class="author">小米家庭花的草花的草</div>
						</li>
						<li>
							<div class="abstract">九寨风00元国00元国情。</div>
							<div class="author">傻子也有春天</div>
						</li>
						<li>
							<div class="abstract">领略中东风情,我的马可波罗游我的马记。</div>
							<div class="author">花花的草草</div>
						</li>
						<li>
							<div class="abstract">300元国岛,自然的问候。</div>
							<div class="author">什么什么鬼</div>
						</li>
						<li>
							<div class="abstract">埃及人文,和我一起和我一起探秘古埃。</div>
							<div class="author">呆呆的旅游家的旅游</div>
						</li>
						<li>
							<div class="abstract">领略中东风情,我的马我300元国岛,自然的马可波罗游记。</div>
							<div class="author">花花的草草</div>
						</li>
						<li>
							<div class="abstract">3天玩转普吉岛,自然300元国岛,自然的问候。</div>
							<div class="author">什么什么鬼</div>
						</li>
					</ul>
				</div>
				<div class="ad_span">
					<div class= "ad_title" >
						<div class="slider">
							<div class="slider-container">
							<div class="slider-wrapper">
							  <div class="slide"> <img src="__PUBLIC__/assets/img/img1.jpg" alt="jQuery Slider with CSS Transitions"> </div>
							  <div class="slide"> <img src="__PUBLIC__/assets/img/img2.jpg" alt="jQuery Slider with CSS Transitions"> </div>
							  <div class="slide"> <img src="__PUBLIC__/assets/img/img3.jpg" alt="jQuery Slider with CSS Transitions"> </div>
							  <div class="slide"> <img src="__PUBLIC__/assets/img/img4.jpg" alt="jQuery Slider with CSS Transitions"> </div>
							</div>
						</div>
						<script src="__PUBLIC__/assets/js/jquery-1.8.3.min.js"></script> 
						<script src="__PUBLIC__/assets/js/slider.js"></script> 
						<script type="text/javascript">
							(function() {
								Slider.init({
									target: $('.slider'),
									time: 6000
								});
							})();
						</script>
						</div>
					</div>
				</div>
				<div class="qyou_span">
					<div class = "top_title">趣游杂志社</div>
					<div class = "qyou_column">
					<div id="banner_tabs" class="flexslider">
						<ul class="slides">
							<li>
								<a title="" target="_blank" href="#">
									<img width="1920" height="482" alt="" src="__PUBLIC__/img/qyou_column.jpg">
								</a>
							</li>
							<li>
								<a title="" href="#">
									<img width="1920" height="482" alt="" style="background: url(images/banner2.jpg) no-repeat center;" src="__PUBLIC__/img/qyou_column1.jpg">
								</a>
							</li>
							<li>
								<a title="" href="#">
									<img width="1920" height="482" alt="" style="background: url(images/banner3.jpg) no-repeat center;" src="__PUBLIC__/img/qyou_column2.jpg">
								</a>
							</li>
						</ul>
						<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
							<li><a>1</a></li>
							<li><a>2</a></li>
							<li><a>2</a></li>
						</ol>
					</div>
					<script src="__PUBLIC__/js/slider.js"></script>
					<script type="text/javascript">
					$(function() {
						var bannerSlider = new Slider($('#banner_tabs'), {
							time: 5000,
							delay: 400,
							event: 'hover',
							auto: true,
							mode: 'fade',
							controller: $('#bannerCtrl'),
							activeControllerCls: 'active'
						});
						$('#banner_tabs .flex-prev').click(function() {
							bannerSlider.prev()
						});
						$('#banner_tabs .flex-next').click(function() {
							bannerSlider.next()
						});
					})
					</script>
					<div class=""></div>
				</div>
			</div>
		</div>
	<div class="qyou_info">
		<div class="qyou_about">
			友情链接 · 悦旅行 · 途牛旅游 · 设计家 · 自游网 · K2户外旅行 爱游观察 · 骑罢客 · 一块去旅行 · 米堆网 · 游凤凰网 · 莫贝网 · 慢时间 · 品牌密码 · 旅游情报 
		</div>
		<div class="qyou_about">
			关于我们 · 联系我们 · 加入我们 · 服务协议 · 帮助中心 · 趣游俱乐部
		</div>
		<div class="qyou_about">
			©2015-2016 成都趣游网络技术有限公司版权所有 川ICP备09000768号-5 
		</div>
	</div>
	</div>

</body>
</html>